<html lang="en"><head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>江西文化旅游国际博览会</title>
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css">
</head>
<body>
    <!-- 头部 start -->
    <div class="toubu">
        <p>欢迎参加江西文化旅游国际博览会线上展会！</p>
    </div>
    <!-- 头部 end -->
    <!-- 导航 start -->
    <div class="navbar">
        <div class="logo">
            <img src="images/展会logo.jpg" alt="展会logo">
            <div class="name">
                <div>江西文化旅游国际博览会</div>
                <div>Jiangxi Culture&Tourism International Expo</div>
            </div>
        </div>
        <div class="nav">
            <ul>
                <li><a href="#">首页</a></li>
                <li>
                    <a href="#">展会介绍</a>
                    <ul>
                        <li><a href="about.html">展会简介</a></li>
                        <li><a href="#">展会地点</a></li>
                        <li><a href="#">展会特色</a></li>      
                    </ul>
                </li>
                <li>
                    <a href="#">参展商入口</a>
                    <ul>
                        <li><a href="product.html">产品详情</a></li>
                        <li><a href="#">商务合作</a></li>
                        <li><a href="#">联系我们</a></li>
                    </ul>
                </li>
                <li>
                    <a href="#">观众入口</a>
                    <ul>
                        <li><a href="#">直播现场</a></li>
                        <li><a href="#">产品介绍</a></li>
                        <li><a href="#">定制服务</a></li>
                    </ul>
                </li>
                <li><a href="#">新闻资讯</a></li>
                <li>
                    <a href="#">语言</a>
                <ul>
                    <li><a href="#">简体中文</a></li>
                    <li><a href="#">英语（英国）</a></li>
                    <li><a href="#">英语（美国）</a></li>
                </ul>
            </ul>
        </div>
        <div class="search-container">
            <input type="text" class="search-input" placeholder="搜索...">
            <button class="search-button">搜索</button>
        </div>
    </div>
    <!-- 导航 end -->
    <!-- 轮播图 start -->
    <div class="body1">
        <div class="body1-content">
            <img src="images/网页背景.jpg" alt="">
            <div class="body1-text">
                <p>Jiangxi Cultural Tourism International Expo</p>
                <hr>
                <h1>江西文化旅游国际博览会</h1>
                <h2>领略赣鄱风情，畅享文旅盛宴<br>邂逅文旅展会，触摸文化脉络</h2>
                <button class="body1-button">了解更多</button>
            </div>
        </div>
    </div>
    <!-- 轮播图 end -->
    <!-- 展会介绍 start -->
    <h1 style="text-align:center;margin: 30px 0 5px;">展会介绍</h1>
    <h2 style="text-align:center;margin: 0;font-size: 20px" >Exhibition Introduction</h2>
    <div class="body2">
        <div class="body2-box1">
            <div class="body2-box1-text">
                <img src="images/滕王阁.jpg" alt="展会现场" style="height: 300px;">
                <div class="body2-box1-text-text">江</div>
            </div>
        </div>
        <div class="body2-box3">
            <div class="body2-box1-text">
                <img src="images/绳金塔.jpg" alt="" style="height: 300px;">
                <div class="body2-box1-text-text">西</div>
            </div>
        </div>
        <div class="body2-box2">
            <div class="body2-box1-text1">
                <video width="100%" height="100%" controls="controls" src="images/江西介绍.mp4" alt="展会视频"></video>
            </div>
        </div>
        <div class="body2-box3">
            <div class="body2-box1-text">
                <img src="images/万寿宫.jpg" alt="" style="height: 300px;">
                <div class="body2-box1-text-text">文</div>
            </div>
        </div>
        <div class="body2-box1">
            <div class="body2-box1-text">
                <img src="images/八一广场.jpg" alt="" style="height: 300px;">
                <div class="body2-box1-text-text">旅</div>
            </div>
        </div>
    </div>
    <p style="text-align: center;padding: 0 400px;font-size: 13px;font-weight: 100;">江西拥有深厚的历史文化底蕴和秀美的自然风光。
        此次博览会旨在向世界展示江西独特的文化魅力和丰富的旅游资源，推动江西文化旅游产业的国际化发展。
        展示江西的非物质文化遗产，邀请国内的文化旅游专家、学者和企业代表参加，
        促进国际间的文化旅游交流与合作,集中展示江西的红色文化、陶瓷文化、书院文化等推介江西的著名旅游景点。
        总之，江西文化旅游国际博览会是一场集文化展示。</p>
    <!-- 展会介绍 end -->
 <!-- 展馆布局 start -->
 <h1 style="text-align:center;margin: 80px 0 5px;">展馆布局</h1>
 <h2 style="text-align:center;margin: 0;font-size: 20px;" >Pavilion Layout </h2>
 <div class="news">
     <div class="news-menu">
         <div class="menu-item">
             <ul>
                 <li><a href="#">文韵之门</a></li>
                 <li><a href="#">佳肴之径</a></li>
                 <li><a href="#">绿能之光</a></li>
             </ul>
         </div>
         <div class="menu-item2">
             <button>了解更多</button>
         </div>
     </div>
     <div class="news-content">
         <div class="news-content-item1">
             <div class="news-content-item1-text1">
                 <h1>1号展馆</h1>
                 <h3>绿色旅游</h3>
             </div>
             <div class="news-content-item1-img">
                 <img src="images/1号展馆.jpg" alt="1号展馆">
             </div>
             <div class="news-content-item1-text2">
                 <p>走进绿色旅游展馆，仿佛踏入了一幅美丽的生态画卷。这里展示着可持续发展理念与旅游完美融合的精彩成果。
                    这里可以领略到自然保护区内的原始风光，从茂密的森林到清澈的溪流，从巍峨的山峰到广袤的草原，每一处景色都让人陶醉其中。
                    特色生态旅游景区的展示，呈现了如何在保护自然环境的前提下，为游客提供独特的旅游体验。
                 </p>
             </div>
         </div>
         <div class="news-content-item1">
             <div class="news-content-item1-text1">
                 <h1>2号展馆</h1>
                 <h3>绿色餐饮</h3>
             </div>
             <div class="news-content-item1-img">
                 <img src="images/2号展馆.jpg" alt="2号展馆">
             </div>
             <div class="news-content-item1-text2">
                 <p>绿色餐饮展馆是一场味蕾与环保的奇妙邂逅，这里汇聚了来自江西各地的绿色美食。
                    从传统的特色小吃到精致的高端料理，应有尽有。现场还有专业的美食家进行讲解和品鉴活动，
            可以品尝到江西不同地域的独特风味，了解江西各地的饮食文化。
            无论是香甜可口的糕点、鲜美多汁的水果，还是风味浓郁的肉制品和营养丰富的绿色食品，都能让你大饱口福。
 </p>
             </div>
         </div>
         <div class="news-content-item1">
             <div class="news-content-item1-text1">
                 <h1>3号展馆</h1>
                 <h3>绿色科技</h3>
             </div>
             <div class="news-content-item1-img">
                 <img src="images/3号展馆.jpg" alt="3号展馆">
             </div>
             <div class="news-content-item1-text2">
                 <p>踏入绿色科技展馆，感受科技与环保的完美结合，见证科技发展的绿色转型之路。
                    展馆内展示着各种前沿的绿色科技成果，包括新型可再生能源技术，如太阳能、风能、水能等的高效利用装置，
                    节能建筑材料和设计理念，展示如何打造更加环保、舒适的居住和办公空间，还有先进的资源回收与再利用技术，
                    让参观者更加直观地了解绿色科技的原理和应用。</p>
             </div>
         </div>
     </div>
 </div>
 <!-- 展馆布局 end -->
    <!-- 底部 start -->
     <footer>
        <div class="footer-menu">
            <div class="footer-menu-item">
              <h3>关于我们</h3>
                <ul>
                  <li><a href="#">展会简介</a></li>
                  <li><a href="#">展会目标</a></li>
                  <li><a href="#">商务合作</a></li>
               </ul>
            </div>
            <div class="footer-menu-item">
             <h3>产品服务</h3>
                   <ul>
                    <li><a href="#">产品详情</a></li>
                    <li><a href="#">定制服务</a></li>
                    <li><a href="#">常见问题</a></li>
                   </ul>
            </div>
            <div class="footer-menu-item">
             <h3>新闻动态</h3>
                <ul>
                    <li><a href="#">行业动态</a></li>
                    <li><a href="#">展会新闻</a></li>
                    <li><a href="#">媒体报道</a></li>
                 </ul>
            </div>
            <div class="footer-menu-item">
                <h3>成交系统</h3>
                   <ul>
                       <li><a href="#">支付系统</a></li>
                       <li><a href="#">订单管理</a></li>
                       <li><a href="#">退款申请</a></li>
                    </ul>
               </div>
    </footer>
        <div class="letter">
            <p>欢迎订阅江西文化旅游国际博览会电子报，不定期更新展会实况</p>
            <form>
                <input type="email" placeholder="请输入您的邮箱" required>
                <button type="submit">订阅</button>
            </form>
        </div>
    <div class="footer-bottom">
        <p>Copyright © 2024 江西文化旅游国际博览会 版权所有|法律声明|隐私政策|FSH</p>
    </div>
    <!-- 底部 end -->

</body></html>